/**
 * @author truexin
 * @date   16/04/26
 */

.property {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;
    .iconfont {
        font-family: "property" !important;
        font-style: normal;
        font-size: .28rem;
        -webkit-text-stroke-width: .091px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        line-height: .4rem;
    }
    .icon-dongtai {
        @import '//at.alicdn.com/t/font_1470909368_3659863.css';
        font-family: "property-icon" !important;
    }
    .icon-zixun {
        @import '//at.alicdn.com/t/font_1470909368_3659863.css';
        font-family: "property-icon" !important;
    }

    .icon-test-paper,
    .icon-telephone,
    .icon-qiehuanxiaoqu,
    .icon-tingchechang{
        @import '//at.alicdn.com/t/font_539d4zp5rr6vquxr.css';
        font-family: "call-icon" !important;
    }

    .icon-bg {
        height: .4rem;
        text-align: center;
    }
    .intro {
        &:after {
            font-size: .35rem;
            content: '\e6ce';
        }
    }
    .note {
        &:after {
            content: '\e6d1';
        }
    }
    .active {
        &:after {
            font-size: .35rem;
            content: '\e726';
        }
    }
    .new-active {
        &:after {
            content: '\e727';
        }
    }
    .register {
        &:after {
            content: '\e6d4';
        }
    }
    .fee {
        &:after {
            content: '\e6d2';
        }
    }
    .news {
        &:after {
            content: '\e6cf';
        }
    }
    .notice {
        &:after {
            font-size: 0.32rem;
            content: '\e6d8';
        }
    }
    .message {
        &:after {
            font-size: .3rem;
            content: '\e6d5';
        }
    }
    .lightblue-bg {
        color: #75cbeb;
    }
    .blue-bg {
        color: #3489ca;
        background: none;
    }
    .purple-bg {
        color: #9e449b;
        background: none;
    }
    .pink-bg {
        color: #343fcd;
    }
    .red-bg {
        color: #ff6263;
        background: none;
    }
    .yellow-bg {
        color: #fbcd5f;
        background: none;
    }
    .orange-bg {
        color: #ffa257;
        background: none;
    }
    .lightgreen-bg {
        color: #9adbcc;
        background: none;
    }
    .green-bg {
        color: #40cccd;
        background: none;
    }
    .red {
        color: #cd33b9;
    }
    .glyph {
        text-align: center;
        span {
            @media screen and (max-width: 320px) {
                font-size: .16rem;
                font-weight: 300;
            }
            font-size: .14rem;
            color: #000;
        }
    }

    .banner {
        position: relative;
    }
    .point {
        position: absolute;
        left: .86rem;
        bottom: -.05rem;
        list-style: none;
        width: 3rem;
    }
    .point > li {
        float: left;
        height: 0;
        margin-left: .2rem;
        width: .15rem;
        border-bottom: 1px solid #cdcdcd;
    }
    .point > li.active {
        border-bottom: 1px solid #14bfb6;
    }
    .main {
        position: relative;
        height: 60%;
        width: 100%;
        z-index: 99;
        margin-top: 0;
        .flex-box {
            position: relative;
            border-top: 1px solid #dcdcdc;
            border-bottom: 1px solid #dcdcdc;

            &:after {
                position: absolute;
                left: 50%;
                margin-left: -25%;
                content: '';
                height: 100%;
                width: 50%;
                border-left: 1px solid #dcdcdc;
                border-right: 1px solid #dcdcdc;
                top: 0;
                z-index: 1;
            }

            &:before {
                position: absolute;
                left: 50%;
                content: '';
                height: 100%;
                width: 1px;
                top: 0;
                background: #dcdcdc;
                z-index: 1;
            }

        }
        .flex {
            border-bottom: 1px solid #dcdcdc;
            background: #fff;
            &:last-child {
                border-bottom: none;
            }

            .nav-btn {
                position: relative;
                width: 25%;
                padding: .10rem;
                height: .8rem;
                z-index: 99;
                .tip-num {
                    z-index: 99;
                    top: .1rem;
                    right: .13rem;
                    width: .15rem;
                    height: .15rem;
                    line-height: .15rem;
                    border: 1px solid red;
                    border-radius: 1rem;
                    box-sizing: content-box;
                }
            }
        }
    }
}
